﻿(function () {

    layui.use(["form", "layer", "jquery"], function () {
        var form = layui.form;
        var layer = layui.layer;
        var $ = layui.jquery;

        $(document).ready(function () {
            initClipboard();
            $(".levelIntroduce").click(onLevelIntroduceClick);
        });

        function initClipboard() {
            var clipboard = new ClipboardJS('.copy');
            clipboard.on('success', function (e) {
                console.info('Action:', e.action);
                console.info('Text:', e.text);
                console.info('Trigger:', e.trigger);
                layer.msg('<span style="font-size: 16px;">复制成功！</span>');
                e.clearSelection();
            });

            clipboard.on('error', function (e) {
                console.error('Action:', e.action);
                console.error('Trigger:', e.trigger);
            });
        }

        function onLevelIntroduceClick() {
            var html = '';
            html += '<table class="shopLevelTable">';
            html += '   <tr>';
            html += '       <td>等级名称</td>';
            html += '       <td>等级要求</td>';
            html += '       <td>店铺管理费</td>';
            html += '   </tr>';
            html += '   <tr>';
            html += '       <td>初级店铺</td>';
            html += '       <td>1+1(订单)</td>';
            html += '       <td>0.5%</td>';
            html += '   </tr>';
            html += '   <tr>';
            html += '       <td>中级店铺</td>';
            html += '       <td>1+5(订单)</td>';
            html += '       <td>0.6%</td>';
            html += '   </tr>';
            html += '   <tr>';
            html += '       <td>高级店铺</td>';
            html += '       <td>1+10(订单)</td>';
            html += '       <td>0.7%</td>';
            html += '   </tr>';
            html += '   <tr>';
            html += '       <td>旗舰店铺</td>';
            html += '       <td>1+20(订单)</td>';
            html += '       <td>0.8%</td>';
            html += '   </tr>';
            html += '   <tr>';
            html += '       <td>直营店铺</td>';
            html += '       <td>1+30(订单)</td>';
            html += '       <td>1%</td>';
            html += '   </tr>';
            html += '</table>';
            layer.open({
                type: 1,
                title: "店铺等级说明",
                area: ['90%', 'auto'],
                shade: 0.3, // 遮罩透明度
                shadeClose: false, // 点击遮罩区域，关闭弹层
                maxmin: false, // 允许全屏最小化
                anim: 0, // 0-6 的动画形式，-1 不开启
                content: html
            });
        }
    });

})();